<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>bootstrap样式</title>
</head>
<body>
<script src="https://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="https://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="https://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
<ul>

<Li><button type="button" class="btn">原始样式按钮</button></Li>
  <Li><button type="button" class="btn btn-default">默认按钮</button></Li>
  <Li><button type="button" class="btn btn-primary">提交按钮</button></Li>
  <Li><button type="button" class="btn btn-success">成功按钮</button></Li>
  <Li><button type="button" class="btn btn-info">信息按钮</button></Li>
  <Li><button type="button" class="btn btn-warning">警告按钮</button></Li>
  <Li><button type="button" class="btn btn-danger">危险按钮</button></Li>
  <Li><button type="button" class="btn btn-link">表现为链接</button></Li>
  <Li><button type="button" class="btn btn-lg">大一点的按钮</button></Li>
  <Li><button type="button" class="btn btn-sm">小一点的按钮</button></Li>
  <Li><button type="button" class="btn btn-xs">最小的按钮</button></Li>
  <Li><button type="button" class="btn btn-block">宽屏按钮</button></Li>
  <Li><button type="button" class="btn active">激活状态按钮</button></Li>
  <Li><button type="button" class="btn disabled">无效按钮</button></Li>
</ul>

</body>
</html>